<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head></h:head>
<body>
	<h:form>
		<h:form id="formAlumno">
			<p:growl id="growl" sticky="true" showDetail="true" />

                        <p:wizard flowListener="#{alumnoBean.onFlowProcess}">
				<p:tab id="Alumno" title="Alumno">
					<p:panel header="Datos del Alumno">
						<p:messages />
						<p:panelGrid columns="2" columnClasses="column">

							<p:outputLabel value="Nombre" for="nombre" />
							<p:inputText id="nombre" required="true"
								value="#{alumnoBean.nombre}" />

							<p:outputLabel value="Apellido" for="apellido" />
							<p:inputText id="apellido" required="true"
								value="#{alumnoBean.apellido}" />

							<p:outputLabel value="Fecha de nacimiento" for="edad" />
							<p:calendar id="edad" required="true" readonlyInput="true"
								yearRange="c-99:c0" showOn="button" pattern="dd/MM/yyyy"
								 navigator="true" value="#{alumnoBean.fechaNac}" />

							<p:outputLabel value="Sexo" for="sexo" />
							<p:selectOneRadio id="sexo" required="true"
								value="#{alumnoBean.sexo}">
								<f:selectItem itemLabel="M" itemValue="M" />
								<f:selectItem itemLabel="F" itemValue="F" />
							</p:selectOneRadio>

							<p:outputLabel value="Telefóno" for="telefono" />
							<p:inputText id="telefono" value="#{alumnoBean.telefono}" />

							<p:outputLabel value="Ciudad" for="ciudad" />
							
							<p:selectOneMenu id="ciudad" value="#{alumnoBean.ciudad}"
								converter="ciudadConverter">
								<c:forEach var="ciudad" items="#{ciudadBean.ciudades}">
									<f:selectItem itemValue="#{ciudad}"
										itemLabel="#{ciudad.descripcion}" />
								</c:forEach>
							</p:selectOneMenu>

							<p:outputLabel value="Dirección" for="direccion" />
							<p:inputText id="direccion" value="#{alumnoBean.direccion}" />

							<p:outputLabel value="Email" for="email" />
							<p:inputText id="email" placeholder="example@domain.com"
								value="#{alumnoBean.email}" />

							<p:outputLabel value="Institución" for="institucion" />
							<p:selectOneMenu id="institucion"
                                                                         value="#{alumnoBean.institucion}" converter="institucionConverter">
								<c:forEach var="inst" items="#{institucionBean.instituciones}">
									<f:selectItem itemValue="#{inst}"
										itemLabel="#{inst.descripcion}" />
								</c:forEach>
							</p:selectOneMenu>
						</p:panelGrid>
					</p:panel>
				</p:tab>

				<p:tab id="padres" title="Padres">
					<p:panel header="Datos del Padre">
                                            <ui:include src="/secure/padres.xhtml" />
					</p:panel>
				</p:tab>

				<p:tab id="confirm" title="Confirmation">
					<p:panel header="Confirmation">
						<p:commandButton value="Submit"
                                                                 actionListener="#{alumnoBean.save}" update="growl"
							process="@this" />
					</p:panel>
				</p:tab>
			</p:wizard>

		</h:form>
	</h:form>
</body>
</html>
